﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head>
<title>SISTEMA DE INFORMACION MINERA :: SIM - MOBILE - Muestra</title>
  
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link href="Extensiones/telerik/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.default.min.css" rel="stylesheet" />
     <link href="Extensiones/telerik/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.metro.mobile.min.css" rel="stylesheet" type="text/css" />
    <!--    <script src="Extensiones/jquery/jquery-1.11.1.min.js"></script>-->


  <script src="Extensiones/telerik/js/jquery.min.js"></script>
  <script src="Extensiones/telerik/js/kendo.all.min.js"></script>

  <script src="Scripts/SIM/m.muestra.js"></script>
 

</head>
<body>

 <div data-role="view" data-layout="layout" data-show="layoutShow" id="layoutView">
   <div id="exampleo">
  
    <div class="demo-section k-header">
        <div class="head">
            <div id="action-result"></div>
            <h3>Seleccione un registros.</h3>
        </div>

        <div id="grid"></div>

    </div>
  
  </div>
    <ul id="actions"> 
        <li><a href="#" data-action="edit">Actualizar</a></li>
        <li><a href="#" data-action="del">Eliminar</a></li>
        <li><a href="#" data-action="opc">------------</a></li>
        <li><a href="#" data-action="litologia">Litologia</a></li>
        <li><a href="#" data-action="litologia">Muestras</a></li>
        <li><a href="#" data-action="litologia">Estructuras</a></li>
    </ul>
 
 
 </div>
   

   
<div data-role="modalview" id="mvNuevoSondaje" style="width: 90%; height:90%;">
    <div data-role="header">
        <div data-role="navbar">
            <span>Muestra Sondaje: Registrar</span>
            <a data-click="closeNuevoSondaje" data-role="button" data-align="right">Cancel</a>
        </div>
    </div>
    <div data-role="listview" data-style="inset">
    <li><label for="txtCodigo">Codigo:<input type="text" id="txtCodigo" /></label></li>
    <li><label for="txtDesde">Desde:<input type="number" /></label></li>
    <li><label for="txtHasta">Hasta:<input type="number" /></label></li>
    <li><label for="ddlGeologo">Geologo: <input type="text" id="ddlGeologo" /></label></li>
    <li><label for="ddlTomadorMuestra">Tomador Muestra: <input type="text" id="ddlTomadorMuestra" /></label></li>
    <li><label for="txtFechaEnvio">Fecha Envio: <input type="date" id="txtFechaEnvio" /></label></li>
    <li><label for="txtObservacion">Descripción: <textarea style="resize: none" id="txtObservacion">Multiline</textarea></label></li>
     <li><label for="ddlTipoControlCalidad">QA/QC: <input type="text" id="ddlTipoControlCalidad" /></label></li>
    <li> <label for="txtDuplicado">Duplicado: <input type="number" id="txtDuplicado" value="0"/></label></li>
 
    </div>
    
   
    <a data-click="closeModalViewLogin" id="modalview-login-button" type="button" data-role="button">Grabar</a>
    <!--<a data-click="closeModalViewLogin" id="modalview-reg-button" type="button" data-role="button">Register</a>-->
</div>
 
<style scoped>
    .demo-section {
         
    }
    .head {
        height: 20px;
    }
    #action-result {
        color: #ff0000;
        float: right;
        width: 200px;
        text-align: right;
    }
    .k-group {
        background-color: gray;
    }
    .k-popup {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
     
     
    
    #mvNuevoSondaje label {
        display: inline-block;
        width: 100%;
    }
 
    .km-ios #mvNuevoSondaje .km-button,
    .km-ios #mvNuevoSondaje .km-header,
     {
        background-color: #000;
    }
 
 
    .km-ios #mvNuevoSondaje .km-button:active,
    .km-ios #mvNuevoSondaje .km-state-active {
        background-color: #2e2e2e;
    }

    .km-ios #mvNuevoSondaje #mvNuevoSondaje-button,
    .km-flat #mvNuevoSondaje #mvNuevoSondaje-button {
        background-color: Green;
        color: #fff;
    }

     .km-tablet .km-ios #mvNuevoSondaje .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.5);
    }
    
    
</style>
</body>
</html>
